@import "../../asset/style/index";
@import "~taro-ui/dist/style/components/flex.scss";
//获取用户信息弹出框
.have-union{
    width: 100vw;
    height: auto;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    .union-wrap{
        width: 622px;
        background: $white;
        border-radius: 40px;
        margin: auto;
        margin-top: 400px;
        overflow: hidden;
        .union-text{
            width: 100%;
            padding: 80px 60px;
            padding-bottom: 40px;
            line-height: 68px;
            box-sizing: border-box;
            text-align: center;
        }
        .union-btn{
            .at-col{
                width: 50%;
                button:after{
                    border: 0;
                }
                .close-btn{
                    color: #737475;
                    background: rgba(0,0,0,0);
                    border: 0;
                    font-size: 36px;
                }
                .sumbit-btn{
                    color: #008589;
                    background: rgba(0,0,0,0);
                    border: 0;
                    font-size: 36px;
                }
            }
        }
    }
}

//cam消费 微信支付 两小按钮样式
.btn-mg{
    width: auto;
    margin: 36px 18px 0 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    .weixin-btn{
        text-align: center;
        border-radius: 46px;
        background: #06C25F;
        overflow: hidden;
        box-sizing: border-box;
        box-shadow: 0 0 20px rgba(6, 194, 95, 0.4);
        color: $white;
    }
    .cam-btn{
        text-align: center;
        border-radius: 46px;
        background: $blue;
        overflow: hidden;
        box-sizing: border-box;
        box-shadow: 0 0 30px rgba(51, 153, 255, 0.4);
        color: $white;
    }
}

.btn-mg{
    .weixin-btn, .cam-btn{
        width: 160px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        margin: 0 auto;
    }
}
